<template>
  <view class="card-title">
    <view class="left">
      <i class="line"></i>
      <text>{{title}}</text>
    </view>
    <slot name="right"></slot>
  </view>
</template>

<script>
export default {
  name: 'cust-section',
  props:{
    title: {
    	type: String,
    	required: true,
    	default: ''
    },
  },
  data() {
    return {};
  }
};
</script>

<style lang="scss" scoped>
.card-title {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  font-size: 32rpx;
  // line-height: 32rpx;
  color: #102c59;
  .left {
    display: flex;
    align-items: center;
  }
  .line {
    display: block;
    width: 7rpx;
    height: 34rpx;
    background: #2e7dff;
    border-radius: 10rpx 10rpx 10rpx 10rpx;
    margin-right: 6px;
  }
}
</style>
